<?php
/*------------------------------------------------------------------------

# TZ Portfolio Extension

# ------------------------------------------------------------------------

# author    TranLamTemPlaza

# copyright Copyright (C) 2012 templaza.com. All Rights Reserved.

# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

# Websites: http://www.templaza.com

# Technical Support:  Forum - http://templaza.com/Forum

-------------------------------------------------------------------------*/

defined('_JEXEC') or die;

$doc = JFactory::getDocument();
$doc->addStyleSheet('modules/mod_tz_teaser_slide/css/style.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/css/settings.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.css?v=2.1.3');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.pack.js?v=2.1.3');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/js/jquery.themepunch.showbizpro.min.js');

?>


<div class="divide30"></div>

<!-- DEMO VIII. -->
<div id="example8" class="showbiz-container retrodarkbg sb-retro-dark-skin">

<!-- THE NAVIGATION -->
<div class="showbiz-navigation sb-nav-dark-retro">
    <a id="showbiz_left_8" class="sb-navigation-left"><i class="sb-icon-left-open"></i></a>
    <a id="showbiz_play_8" class="sb-navigation-play"><i class="sb-icon-play sb-playbutton"></i><i class="sb-icon-pause sb-pausebutton"></i></a>
    <a id="showbiz_right_8" class="sb-navigation-right"><i class="sb-icon-right-open"></i></a>
    <div class="sbclear"></div>

</div> <!-- END OF THE NAVIGATION -->

<div class="divide20"></div>

<!--	THE PORTFOLIO ENTRIES	-->
<div class="showbiz" data-left="#showbiz_left_8" data-right="#showbiz_right_8" data-play="#showbiz_play_8">

<!-- THE OVERFLOW HOLDER CONTAINER, DONT REMOVE IT !! -->
<div class="overflowholder">
<!-- LIST OF THE ENTRIES -->
    <ul>

        <?php
        for($i=0;$i<count($rows);$i++){
        ?>
            <!-- AN ENTRY HERE , WITH PREDEFINED GREY SKIN-->
            <li class="sb-retro-dark-skin">
                <?php
                if($show_image==1){
                ?>
                    <!-- THE MEDIA HOLDER -->
                    <div class="mediaholder">
                        <div class="mediaholder_innerwrap">
                            <img alt="" src="<?php echo JUri::base().substr($rows[$i] ->images,0,69)."_L.".substr($rows[$i] ->images,70,80);?>">
                            <!-- HOVER COVER CONAINER -->
                            <div class="hovercover">
                                <a class="fancybox" rel="group" href="<?php echo JUri::base().substr($rows[$i] ->images,0,69)."_L.".substr($rows[$i] ->images,70,80);?>">
                                    <div class="linkicon"><i class="sb-icon-plus"></i></div>
                                </a>
                            </div><!-- END OF HOVER COVER -->
                        </div>
                    </div><!-- END OF MEDIA HOLDER CONTAINER -->
                <?php
                }
                ?>

                <!-- DETAIL CONTAINER -->
                <div class="detailholder">
                    <div class="divide20"></div>
                    <?php
                    if($show_title==1){
                    ?>
                        <div class="showbiz-title"><a href="<?php echo $rows[$i] ->link;?>"><?php echo $rows[$i] ->title;?></a></div>
                    <?php
                    }
                    ?>
                    <div class="divide15"></div>
                    <?php
                    if($show_introtext==1){
                    ?>
                        <div class="showbiz-description"><?php echo substr($rows[$i] ->introtext,0,150);?></div>
                    <?php
                    }
                    ?>
                    <div class="divide5"></div>
                </div><!-- END OF DETAIL CONTAINER -->

            </li><!-- END OF ENTRY -->
        <?php
        }
        ?>

    </ul>
<div class="sbclear"></div>
</div> <!-- END OF OVERFLOWHOLDER -->
<div class="sbclear"></div>
</div>
</div><!-- END OF DEMO I. -->

<div class="divide30"></div>

<script type="text/javascript">

    jQuery(document).ready(function() {



        jQuery('#example8').showbizpro({
            dragAndScroll:"<?php if($drag_and_scroll==1){echo "on";} else echo "off";?>",
            visibleElementsArray:[7,5,3,1],
            carousel:"<?php if($carousel==1){echo "on";} else echo "off";?>",
            entrySizeOffset:0,
            allEntryAtOnce:"<?php if($all_entry_at_once==1){echo "on";} else echo "off";?>",
            ytMarkup:"<iframe src='http://www.youtube.com/embed/%%videoid%%?hd=1&amp;wmode=opaque&amp;autohide=1&amp;showinfo=0&amp;autoplay=1'></iframe>",
            vimeoMarkup:"<iframe src='http://player.vimeo.com/video/%%videoid%%?title=0&amp;byline=0&amp;portrait=0;api=1&amp;autoplay=1'></iframe>",

        });


        // THE FANCYBOX PLUGIN INITALISATION
        jQuery(".fancybox").fancybox();

    });

</script>